.TreeView { padding: 10px 5px 0 5px; }
.TreeView .TreeNode { padding: 5px 5px; cursor: pointer; -ms-user-select: none; -webkit-user-select: none; position: relative; padding-left: 15px;}
.TreeView .Branch { }
.TreeView .TreeNodeText { }
.TreeView .Branch > .TreeNodeText { /* font-weight: bold; */ font-size: 18px; /* padding-left: 17px; */ position: relative; }
.TreeView .Branch:before { content: ''; position: absolute; display: block; border-style: solid; border-width: 6px 6px 6px 10px; border-color: rgba(100, 100, 100,0) rgba(100, 100, 100,0) rgba(100, 100, 100, 0) rgba(100, 100, 100, 1); top: 50%; margin-top: -9px; left: 0; }
.TreeView .Branch > .iconFolder {  background-image: url(../img/tree/folder.png);   width: 16px;  height: 16px;  display: inline-block;  background-size: 100% 100%;  margin-left: 5px;}

.TreeView .Branch.Expand:before { content: ''; position: absolute; display: block; border-style: solid; border-width: 10px 6px 0px 6px; border-color: rgb(100, 100, 100) transparent transparent transparent; top: 50%; margin-top: -9px; left: 0; }
.TreeView .Branch.Expand > .iconFolder {  background-image: url(../img/tree/folder-open.png);  width: 16px;  height: 16px;   display: inline-block;  background-size: 100% 100%;}

.TreeView .TreeNodeContent { padding-left: 20px; display: none; }
.TreeView .TreeNode.Expand + .TreeNodeContent { display: block; }
.TreeView .TreeNode:hover { background-color: rgb(81, 112, 112); color: white; display: inline-block; }
.TreeView .iconPage{ background-image: url(../img/tree/leaf.png);display: inline-block;width: 16px;height: 16px;}